﻿Head = Class.create();

Head.prototype = Object.extend(new Common(), {
    initialize: function () {
        this.initCommonProperty();

        //定义sub_menu的对象
        this.menuIns = null;
    },
    init: function () {
        //取得头部导航的值
        this.getHeadList();


        //页面显示的时期实现
        setInterval(this.getCurrentDate.bind(this), 1000);
    },
    //取得头部导航的值
    getHeadList: function () {
        var data = {};
        data.parent_id = "0";

        //发送Ajax请求
        this.sendAjaxByModel("/Control/GetMenuList", data, this.getHeadListCallback.bind(this));
    },
    //头部导航值取得后的CallBack方法
    getHeadListCallback: function (response) {
        //转换json
        var json = this.jsonParse(response);
        var strHeadMenu = "";
        if (json.length > 0) {
            for (var i = 0; i < json.length; i++) {
                //拼接html
                strHeadMenu += "<li><div id=\"head_menu_" + json[i].menu_id + "\">" + json[i].menu_name + "</div></li>";
            }
            $j("#head_menu").append(strHeadMenu);

            //给头部导航绑定事件
            for (var i = 0; i < json.length; i++) {
                Event.observe($("head_menu_" + json[i].menu_id), 'click', this.onClick_HeadInfo.bind(this, json[i].menu_id));
            }
        }

        this.initHead();
    },
    //点击头部导航时触发事件
    onClick_HeadInfo: function (menu_id) {
        //调用Menu的get方法
        this.menuIns.getMenuList(menu_id);
    },
    //页面日期实现
    getCurrentDate: function () {
        var d = new Date(), str = '今天是';
        str += d.getFullYear() + '年'; //获取当前年份 
        str += d.getMonth() + 1 + '月'; //获取当前月份（0——11） 
        str += d.getDate() + '日';
        str += ((d.getFullYear() % 4 == 0 && d.getFullYear() % 100 != 0) || (d.getFullYear() % 400 == 0)) ? "<span style='font-size:11px;'>(闰年)</span>" : "<span style='font-size:11px;'>(平年)</span>";
        str += " " + d.toLocaleTimeString() + " ,星期";
        str += "天一二三四五六".charAt(d.getDay());

        $j("#nowTime").html(str);
    },

    initHead: function () {
        var spead = 400;

        var head_li = $j('#head_menu>li');
        var head_buoy = $j('#head_buoy');
        head_li.hover(function () {
            head_buoy.stop().animate({
                'left': $j(this).offsetParent().context.offsetLeft
            }, spead);
        }, function () {
            head_buoy.stop().animate({
                'left': '-157px'
            }, spead);
        })

    }
});